<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
<meta name="keywords" content="carousel, jquery, responsive, fluid, elastic, resize, thumbnail, slider" />
<meta name="author" content="Codrops" />
<title>微评说客</title>
<link rel="stylesheet" type="text/css" href="/Public/home/style/public.css">
<link rel="stylesheet" type="text/css" href="/Public/home/style/style.css">
<link rel="stylesheet" type="text/css" href="/Public/home/style/font-awesome.css">
<link rel="stylesheet" type="text/css" href="/Public/home/style/elastislide.css">
<script type="text/javascript" src="/Public/home/jquery/modernizr.custom.17475.js"></script>
<style>
	html,body{ background:#f2f2f2;}
</style>
</head>

<body>
<header class="index-header">
	<h1>{$title.name}</h1>
    
</header>
<div class="nav">
    <ul id="carousel" class="elastislide-list">
        <li><a href="index.html"><img src="/Public/home/images/000.gif"><span>热门推荐</span></a></li>
        
        <volist name="class" id="vo">
        <li><a href="/home/index/listdata.html?id={$vo.id}"><img src="/Public/home/images/000.gif"><span <eq name='vo.id' value='$title.id'> class="current" </eq>>{$vo.name}</span></a></li>
        </volist>
        <div class="clears"></div>
    </ul>
</div>
<section class="list">
	<ul>
	<volist name="topic" id="vo">
		<li>
        	<a href="{:U('index/content',array('id'=>$vo['id']))}">
				<div class="list-left">
                	<img height="100" width="200" src="/Public/Upload/{$vo['pic']}" alt="">
                </div>
				<div class="list-right">
                    <h1>{$vo.title}</h1>
                    <p><b class="icon-time"></b>{$vo.addtime|date=('Y年m月d日'),###}</p>
                    <strong><img src="/Public/home/images/right-icon1.gif" alt=""></strong><span>{$vo.author}</span>
                    <strong><img src="/Public/home/images/right-icon2.gif" alt=""></strong><span>{$vo.count}</span>
                </div>
				<div class="clears"></div>
            </a>
        </li>
		</volist>
	</ul>
</section>
<div class="hh"></div>
<nav>
	<ul>
		<li>
        	<a href="/home/index/index.html" class="n1">
				<p></p>
				<span>首页</span>
			</a>
        </li>
		<li>
        	<a href="/home/index/questionnaire.html" class="n2">
				<p></p>
				<span>问卷</span>
			</a>
        </li>
		<li>
        	<a href="/home/index/post.html" class="n3">
				<p></p>
				<span>发布</span>
			</a>
        </li>
		<li>
        	<a href="/home/index/mine.html" class="n4">
				<p></p>
				<span>我的</span>
			</a>
        </li>
	</ul>
</nav>
<script src="/Public/home/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/Public/home/jquery/jquerypp.custom.js"></script>
<script type="text/javascript" src="/Public/home/jquery/jquery.elastislide.js"></script>
<script type="text/javascript">
	$( '#carousel' ).elastislide();  
</script>
<script>
var slider = Swipe(document.getElementById('scroll_img'), {
	auto: 2000,
	continuous: true,
	callback: function(pos) {
		var i = bullets.length;
		while (i--) {
			bullets[i].className = ' ';
		}
		bullets[pos].className = 'on';
	}
});
var bullets = document.getElementById('scroll_position').getElementsByTagName('li');
$(function(){
	$('.scroll_position_bg').css({
		width:$('#scroll_position').width()
	});
});
</script>
</body>
</html>
